/**
 * Copyright (c) 快宝网络 kuaidihelp.com Co., Ltd. All Rights Reserved 禁止外泄以及用于其它的商业用途
 */

@import '~antd/lib/style/themes/default.less';

@cities-drawer-height: 32px;
@cities-drawer-title-height: 50px;

.cities {
  &-drawer {
    position: relative;
    width: 100%;
    height: @cities-drawer-height;
    padding: 0 @padding-xs + 22 0 @padding-xs;
    line-height: @cities-drawer-height;
    background-color: @white;
    &:active {
      opacity: 0.6;
    }
    :global(.adm-ellipsis) {
      line-height: @cities-drawer-height;
    }
    &-placeholder {
      color: #999;
    }
    &-icon {
      position: absolute;
      top: 50%;
      right: @padding-xs;
      transform: translateY(-50%);
      &:global(.anticon) {
        color: #999;
      }
    }
    &-title {
      height: @cities-drawer-title-height;
      font-size: 18px;
      line-height: @cities-drawer-title-height;
      text-align: center;
    }
    &-tab {
      --active-line-color: red;
      --active-title-color: red;
      --title-font-size: 14px;
      :global {
        .adm-tabs-tab-wrapper {
          padding: 0 @padding-xs;
        }
      }
    }
    &-list {
      max-height: 70vh;
      overflow-y: scroll;
      &-item {
        padding: @padding-xs @padding-xs;
        &:active {
          opacity: 0.6;
        }
        &-active {
          color: var(--active-title-color, red);
        }
      }
    }
  }
}
